<template>
  <div class="navlogin">
    <div class="hello">Hi,欢迎来到被金所</div>
    <div class="headimg"><img src="../../../../assets/img/touxiang.png" alt=""></div>
    <div class="headicon"><img src="../../../../assets/img/sjrz.png" alt=""></div>
    <p>已通过手机验证</p>
  </div>
</template>

<script>
export default {
  name: '',
  data () {
    return {
      isActive: false
    }
  },
  methods: {
    changeBorder (e) {
      console.log(e)
      this.isActive = true
    }
  }
}
</script>

<style scoped type="text/stylus" lang="stylus">
.navlogin
  width:270px;height:270px;border-radius:5px;float:left;background:#fff;margin-top:15px;margin-left:10px;
  .hello
    margin-top:10px;margin-left:10px;color: #cacaca; font-size: 14px;
  .headimg
    text-align: center;margin: 20px auto; width: 100px; height: 100px;
    img
      width:100%;
  .headicon
    width: 30px; height: 23px;    text-align: center; margin: 30px auto 0;
  p
    margin-top:12px;text-align:center;color: #cacaca; font-size: 14px;
</style>
